<template>
  <div id="app">
    <Edit v-model:data="data" />
  </div>
</template>

<script lang="ts" setup>
import Edit from "./components/editor/fat-form-create-editor.vue"
import { IFatForm } from "./components/type";

const data = reactive<IFatForm>({
  formConfig: {
    name: 'editForm',
    labelPosition: 'left',
    labelWidth: 88,
    width: 80,
    widthUnit: 'vw'
  },
  formItems: []
})
</script>

<style scoped>
#app {
  height: 100vh;
}
</style>